<!--jq基础-->
<!--需要jquery.js支持-->
<html>
	<head>
		<meta charset="UTF-8">
		<title>jq基础</title>
		<script src="jq/jquery.js" type="text/javascript"></script>
	</head>
	<body>
		<div id="box" class="memeda">
			文字。。
			<a href="#" id="da" style="margin-left: 50px;">lalalal</a>
			<img src="../public/imgs/1.jpg" width="100"/>
		</div>
		<input type="text" name="" id="" value="11111" />
	</body>
	<script type="text/javascript">
		//获取HTML节点对象：$("选择器")
		var diva1=$("#box>a");
		var diva2=$("div>a").html();
		//内容获取和设置：
		var diva3=$(".memeda a").html();//获取
		var diva4=$(".memeda a").html("hehe");//设置
		
		//jq对象转js对象：jq对象.get(0)
		var diva5= $("div>a").get(0).innerHTML="yyyyyy";
		//js对象转jq对象：$(js对象)
		var divjs=document.getElementById("da");
		var divjq=$(divjs);//divjq是jq对象了
		
		//设置节点对象的属性：
		diva1.get(0).href="js.html";//js设置方法
		diva1.attr("href","jq.html");//jq设置方法
		diva1.attr("href");//不给值,就是获取
		
		//设置CSS
		diva1.get(0).style.border="1px solid red";//js设置方法
		diva1.css("border","3px solid red");//jq设置方法
		diva1.css("border");//不给值,就是获取
		diva1.css({color:"yellow",fontSize:"50px"});//一次设置多组
		diva1.css({"color":"red","font-size":"30px"});//给属性名加引号可以识别带"-"的
		
		//操作有取值的节点(如input)
		var text1=$("input").get(0).value;//js的获取
		var text2=$("input").get(0).value="222";//js的设置
		var text3=$("input").val();//jq的获取
		var text4=$("input").val("xxx");//jq的设置
		console.log(text3);
	</script>
</html>